﻿/*
font-variation-settings: "wght" 100;
font-variation-settings: "wght" 200;
font-variation-settings: "wght" 300;
font-variation-settings: "wght" 400;
font-variation-settings: "wght" 490;
font-variation-settings: "wght" 580;
font-variation-settings: "wght" 670;
font-variation-settings: "wght" 760;
font-variation-settings: "wght" 835;
font-variation-settings: "wght" 900;
*/



img {max-width: 100%; border: none;}
.clearDiv {clear: both;}
.setWidth {width: 90%; max-width: 1200px; margin: 0 auto;}
.clearBtn {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;transition: all 0.3s ease;}
*{box-sizing: border-box;}
iframe {max-width: 100%;}
body * {letter-spacing: normal; line-height: inherit;}
.sc-content-block-quick-insert {display: none !important;}
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {height: auto !important;}
.eds_galleryWrapper {padding-top: 0px !important;}
.slider-wrapper > div {background: transparent !important;}
.sc-menu {position: relative; margin: 0 !important; z-index: 1000 !important;}
.slick-dots {margin-left: 0;}
.mark, mark {background: none;}
.menuBtn, .mobileMenuWrapper {display: none;}
.fa-facebook-f:before {content: "\f39e" !important;}
.slick-dots {margin: 0 !important;}
.DNNEmptyPane {padding: 0 !important;}
.clearBtn {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;transition: all 0.3s ease;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}



/* ------------------------- header & footer ------------------------- */

.topMenu {
    background: #000;
    padding: 7px 0 6px;
    font-size: 97%;
}
.topMenu > .setWidth {
    display: table;
}
.topLeft {
    display: table-cell;
    vertical-align: middle;
}
.topRight {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
}
.topMenu a {
    color: #fff !important;
    text-decoration: none !important;
    font-variation-settings: "wght" 200;
    letter-spacing: 0.3px;
}
.topMenu a:hover, .topMenu a:focus {
    color: #e12813 !important;
}
.topLeft a {
    margin-right: 25px;
}
.topRight a {
    margin-left: 25px;
    font-variation-settings: "wght" 600;
    font-size: 103%;
}
.topLeft a i {
    font-size: 77%;
    padding-right: 3px;
}
.topRight a i {
    font-size: 94%;
    position: relative;
    top: 1px;
}
.headerWrapper {
    position: relative;
    z-index: 100;
    box-shadow: rgb(0 0 0 / 50%) 0px -16px 29px;
}
.bottomMenu {
    background: #fff;
}
.bottomMenu .setWidth {
    display: table;
    padding: 8px 0;
    position: relative;
}
.logoWrapper {
    display: table-cell;
    vertical-align: middle;
}
.logo {
    max-width: 210px;
    margin-bottom: -36px;
    margin-left: -17px;
    padding-top: 5px;
}
.fdic {
    padding-left: 35px;
    display: table;
    width: 100%;
}
.fdic img {
    display: table-cell;
    vertical-align: middle;
    min-width: 35px;
}
.fdic span {
    font-family: "source-sans-pro", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12.8px;
    color: #000;
    letter-spacing: -0.5px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
    line-height: 100%;
}
.menuWrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
.menu {
    display: inline-block;
    vertical-align: middle;
}
.searchBtn {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
    margin-left: -5px;
}
.searchBtn a {
    font-size: 109%;
    color: #000 !important;
    position: relative;
    top: -2px;
    right: -8px;
    padding: 5px;
}
.searchBtn a:hover, .searchBtn a:focus {
    color: #e12813 !important;
}


.footerWrapper {
    background: #000;
    padding: 25px 0 24px;
}
.footerWrapper .setWidth {
    display: table;
}
.footerLeftCol {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}
.footerMiddleCol {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    width: 36%;
    text-align: center;
}
.footerRightCol {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.footerTagline {
    color: #fff;
    font-size: 130%;
    font-variation-settings: "wght" 600;
    letter-spacing: 0.2px;
    margin: 0;
}
.footerTagline span {
    font-family: shelby;
    color: #e12813;
    font-size: 190%;
    letter-spacing: 0;
    padding-left: 2px;
}
.footerLinks {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-right: 70px;
}
.footerLinks a {
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    font-variation-settings: "wght" 200;
    letter-spacing: 0.4px;
    padding: 4px 0;
    margin: 1px 0;
}
.footerLinks a i {
    color: #e12813;
    font-size: 90%;
    padding-right: 4px;
}
.footerLinks a:hover, .footerLinks a:focus {
    color: #e12813 !important;
}
.footerFB {
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    font-size: 144%;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 42px;
    height: 42px;
    text-align: center;
    padding-top: 9px;
}
.footerFB:hover, .footerFB:focus {
    color: #e12813 !important;
    border-color: #e12813;
}
.copyLoginDiv {
    background: #e12813;
    padding: 6px 0 7px;
}
.copyLoginDiv .setWidth {
    display: table;
}
.copyLogin {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 84%;
    letter-spacing: 0.4px;
    padding-right: 20px;
}
.copyLogin a {
    color: inherit !important;
    text-decoration: none !important;
    padding: 5px 0;
}
.copyLogin a:hover, .copyLogin a:focus {
    text-decoration: underline !important;
}
.fdicLogos {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 1px;
    white-space: nowrap;
}
.fdicImg {
    width: 60px;
    vertical-align: bottom;
    max-width: none;
}
.ehlImg {
    width: 37px;
    vertical-align: bottom;
    max-width: none;
}





/* ----------------------------- generic ----------------------------- */

body {margin: 0; padding: 0; width: 100%; height: 100%; background: #fff; color: #000; font-family: 'mundial-narrow-variable'; font-size: 1em; font-variation-settings: "wght" 300;}

p, li, .contentDiv td, .Normal {font-family: 'mundial-narrow-variable'; font-size: 104%; line-height: 150%; color: #000; font-variation-settings: "wght" 300;}

.contentWrapper {padding-top: 180px; padding-bottom: 180px; position: relative;}

.contentDiv li {padding: 4px 0;}
.contentDiv li:first-child {padding-top: 0;}
.contentDiv ul, .contentDiv ol{margin: 0 0 22px 30px;}
.contentDiv ul li ul li {font-size: 0.9em; line-height: 1.25em;}
.contentDiv ul li ul {margin-top: 1px; line-height: 1.2em; margin-bottom: 0;}
.contentDiv li p {line-height: 1.5em;}
.contentDiv p + ul {margin-top: -9px;}

strong {font-weight: normal; font-variation-settings: "wght" 750;}
em {font-style: italic;}
strong em, em strong {font-style: italic; font-weight: normal; font-variation-settings: "wght" 750;}

h1 {font-family: mundial-narrow-variable;font-size: 350%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 0 0 47px;font-variation-settings: "wght" 835;}
h2 {font-family: mundial-narrow-variable;font-size: 260%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 0 0 33px;font-variation-settings: "wght" 760;}
h3 {font-family: mundial-narrow-variable;font-size: 167%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 37px 0 20px;font-variation-settings: "wght" 580;}
h4{font-family: mundial-narrow-variable;font-size: 137%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 34px 0 20px;font-variation-settings: "wght" 470;}
h5{font-family: mundial-narrow-variable;font-size: 122%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 34px 0 20px;font-variation-settings: "wght" 470;}
h6{font-family: mundial-narrow-variable;font-size: 110%;line-height: 100%;font-weight: normal;font-style: normal;color: #000;margin: 34px 0 20px;font-variation-settings: "wght" 470;}

h1 + h2{margin-top: 35px;}
h1 + h3, h2 + h3{margin-top: 35px;}
h1 + h4, h2 + h4, h3 + h4{margin-top: 25px;}
h1 + h5, h2 + h5, h3 + h5, h4 + h5{margin-top: 25px;}
h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6{margin-top: 25px;}
p + h2, ul + h2 {margin-top: 60px;}

a:link, a:visited{ text-decoration: underline; color: #e12813; }
a:hover, a:active, a:focus{ text-decoration: none; color: #e12813; }
a:focus, select:focus, input:focus, textarea:focus, .slick-arrow:focus, .slick-dots li:focus, .slick-dots button:focus, button:focus {outline: thin dotted #000 !important;}
a {transition: all 0.3s ease; letter-spacing: inherit;}

a.dnnPrimaryAction, a.dnnSecondaryAction {text-decoration: none;border: none;box-shadow: none;text-shadow: none;transition: all 0.3s ease;font-size: 90%;padding: 10px 23px;line-height: 100%;font-weight: normal;margin-right: 4px;}
a.dnnPrimaryAction {color: #fff;background: #e12813;}
a.dnnPrimaryAction:hover, a.dnnPrimaryAction:focus {border: none;background: #000000;}
a.dnnSecondaryAction {color: #000;background: #E6E6E6;}
a.dnnSecondaryAction:hover, a.dnnSecondaryAction:focus {color: #000;background: #BDBDBD !important;}
.dnnLoginActions a.dnnSecondaryAction {font-size: 80%;font-weight: 300;background: #F5F5F5;position: relative;right: -25px;padding: 8px 15px;}
.dnnCheckbox {margin-right: 0;}
.dnnBoxLabel {font-size: 80%;color: #616161;}
.dnnLabel {font-size: 95%;color: #000;}
.dnnLoginService input {font-family: inherit !important;font-size: 90% !important;letter-spacing: 0.6px;color: #000 !important;box-shadow: none !important;padding: 7px 10px !important;}
.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {width: 230px;}

span {letter-spacing: inherit;}
small{font-size:0.8em;}
big{font-size:1.2em;}
blockquote, pre{font-family:Lucida Console, monospace;}
ul li{list-style-type:disc;}
ul li li{list-style-type:circle;}
ul li li li{list-style-type:square;}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}
ol ul li{list-style-type:disc;}

hr{color: #b9b9b9; background-color: #b9b9b9; border: none; height: 1px; text-align: left; margin: 25px 0; opacity: 100%;}

.skiptocontent a {background: #e12813;padding: 6px 8px;position: absolute;z-index: 1025;top: -50px;left: 0;color: #fff;font-size: 95%;line-height: 150%;transition: top 1s ease-out, background 1s linear;}
.skiptocontent a:focus {top: 0;text-decoration: none;outline: 0;transition: top .1s ease-in, background .5s linear;}
.skipLink {position: absolute; top: 50px;}


/* ------------------------- specific styling ------------------------- */

.containerWidthHalf {width: 46%;margin-right: 7.35%;display: inline-block;vertical-align: top;}
.containerWidthHalf + .containerWidthHalf {margin-right: 0;}
.containerWidthOneThird {width: 25%;margin-right: 5%;display: inline-block;vertical-align: top;}
.containerWidthTwoThird {width: 70%;margin-right: 0;display: inline-block;vertical-align: top;}

.btnWrap.center .mainBtn {margin: 0 2px;}
.mainBtn {display: inline-block;margin: 9px 4px 0 0;}
.mainBtn > a {background: #e12813;color: #fff;text-decoration: none;border: 1px solid #e12813;padding: 11px 20px 9px;border-radius: 40px;font-variation-settings: "wght" 200;letter-spacing: 0.5px;font-size: 100%;line-height: 100%;display: inline-block;}
.mainBtn > a:hover, .mainBtn > a:focus {background: #efefef;color: #e12813;border-color: #d5d5d5;}
.mainBtn > a i {font-size: 82%;padding-left: 9px;transition: left 0.3s ease;position: relative;left: 0;}
.mainBtn > a i.fa-duotone {--fa-primary-color: #e12813;--fa-primary-opacity: .4;--fa-secondary-opacity: 1;}
.mainBtn > a:hover i, .mainBtn > a:focus i {left: 4px;}
.outlineBlackBtn > a {background: transparent;border: 1px solid #000;color: #000;font-variation-settings: "wght" 280;}
.outlineBlackBtn > a:hover, .outlineBlackBtn > a:focus {color: #fff;background: #000;border-color: #000;}
.outlineRedBtn > a {background: transparent;border: 1px solid #e12813;color: #e12813;font-variation-settings: "wght" 280;}
.outlineRedBtn > a:hover, .outlineRedBtn > a:focus {color: #fff;background: #e12813;border-color: #e12813;}

.left {float: none;}
span.linkADA {height: 1px;width: 1px;position: absolute;overflow: hidden;top: -10px;}
.adminWarning {text-align: center;font-size: 110%;line-height: 100%;color: #e12813;letter-spacing: 0.4px;padding: 30px;}
.adminWarning span {font-size: 150%;position: relative;top: 7px;padding: 0 6px;}
.adminWarning.adminLeft {text-align: left;}
.DnnModule-468, .DnnModule-471 {position: relative;}
 
.whiteDiv, .whiteDiv.dnnModuleManager {padding: 180px 0;}
.whiteDiv.DNNEmptyPane, .loanWrapper.DNNEmptyPane, .mobileWrapper.DNNEmptyPane, .grayDiv.DNNEmptyPane {padding: 0 !important;margin: 0 !important;}
.mobileWrapper {background-repeat: no-repeat;background-size: cover;background-position: center 34%;background-attachment: fixed;position: relative;background-image: url(images/mobileapp-bg.jpg);border-image: fill 0 linear-gradient(to right, rgb(255 255 255 / 0%), rgb(255 255 255));}
.mobileDiv, .mobileDiv.dnnModuleManager {padding: 110px 0;}
.mobileWrapper .titleUnderline {margin-bottom: 18px !important;}
.mobileWrapper .titleTitle h3 {margin: 0 0 14px 0;}
.mobileWrapper .titleButtons {margin-top: 9px;}
.loanWrapper {border-image: fill 0 linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 0%));background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;background-image: url(images/loans-bg-2.jpg);background-attachment: fixed;}
.loanDiv, .loanDiv.dnnModuleManager {padding: 190px 0 240px;}
.loanWrapper h2 {color: #fff;text-shadow: 0px 0px 8px rgba(0, 0, 0, 100%);}
.grayWrapper {background: #efefef;position: relative;overflow: hidden;}
.grayWrapper .setWidth {position: relative;}
.grayDiv, .grayDiv.dnnModuleManager {padding: 160px 0;}
.grayMap {position: absolute;width:50%;max-width: 850px;right: -130px;top: 50%;transform: translateY(-50%);}
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgb(0 0 0 / 21%);}
::-webkit-scrollbar-thumb {background: #e12813; border-radius: 20px; transition: all 0.3s ease;}
::-webkit-scrollbar-thumb:hover {background: #e12813; }
.fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Pro" !important;}
.DnnModule-442 img {border-radius: 15px;}
.DnnModule-510 td:first-child {padding-right: 50px;}
.ModDNNHTMLC p {line-height: 1.52 !important;}

/* ------------------------------ modules ------------------------------ */




/* search module */

.sb-dspl, .sb-exectime, .tt-menu, .sb-head hr, .sb-link {
    display: none !important;
}
.searchbar-input {
    max-width: 500px;
}
.btn.searchbar-icon {
    color: #e12813;
    font-size: 130%;
    border-radius: 50% !important;
}
.btn.searchbar-icon:hover, .btn.searchbar-icon:focus {
    outline: none !important;
    color: #000;
}
.btn.searchbar-icon:focus {
    box-shadow: 0 0 0 .25rem #e1281340 !important;
}
.sb-head {
    padding: 70px 0 0 !important;
}
.sb-opt {
    padding: 0 0 0 7px !important;
}
.sb-title {
    font-size: 130% !important;
    margin: 0 0 -7px !important;
}
.sb-title a {
    text-decoration: none;
}
.sb-title a:hover, .sb-title a:focus {
    color: #000;
    letter-spacing: 0.3px;
}
.sb-container {
    margin: 0 0 40px !important;
}
.sb-pagination {
    margin: 40px 0 0 0 !important;
}
.btn-outline-secondary {
    border-radius: 8px;
    border-color: #000000;
    padding: 0 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondar:focus {
    background: #cbcbcb;
    border-color: #000;
}
.btn-outline-secondary.active {
    background: #000;
    border-color: #000;
}
.btn-outline-secondary.active a {
    color: #fff;
}
.sb-pagination li a {
    text-decoration: none;
    color: #000;
    font-variation-settings: "wght" 400;
    display: block;
    padding: 6px 13px 5px !important;
}
span.highlight {
    font-weight: normal !important;
    font-variation-settings: "wght" 630;
}

/* END search module */







/* form */

.form-label {
    font-size: 113%;
    line-height: 100%;
    font-variation-settings: "wght" 600;
    margin-left: 15px !important;
    margin-top: 27px;
}
.form-control, .form-select {
    font-family: inherit;
    font-weight: 300 !important;
    font-size: 105%;
    line-height: 100%;
    color: #000;
    font-variation-settings: "wght" 300 !important;
    padding: 11px 18px 10px;
    border-radius: 60px !important;
}
textarea.form-control {
    border-radius: 20px !important;
    line-height: 150%;
    padding: 16px 18px 15px;
}
.btn.form-button {
    background: #e12813;
    color: #fff !important;
    border: none;
    border-radius: 60px;
    padding: 12px 23px 10px;
    line-height: 100%;
    font-family: inherit;
    font-variation-settings: "wght" 300 !important;
    font-size: 104%;
    margin-top: 30px;
}
.btn.form-button i {
    font-size: 82%;
    padding-left: 3px;
    transition: left 0.3s ease;
    position: relative;
    left: 0;
}
.btn.form-button:hover, .btn.form-button:focus {
    background: #000;
}
.btn.form-button:hover i, .btn.form-button:focus i {
    left: 4px;
}
select.form-control:hover {
    cursor: pointer;
    box-shadow: 0 0 0 2px rgb(0 0 0 / 9%);
}
.form-select:focus, .form-control:focus {
    outline: none !important;
    border-color: rgb(225 40 19 / 37%);
    box-shadow: 0 0 0 3px rgb(225 40 19 / 25%) !important;
}
.alert-info {
    background: #f1f1f1;
    border: none;
    border-radius: 22px;
    padding: 50px 30px;
}
.alert-info h2 {
    margin-bottom: 21px;
}
.alert-info p {
    margin-bottom: 0;
    font-size: 120%;
}
.text-danger {
    color: #e12813 !important;
    padding: 5px 0 0 17px;
    display: block;
    font-variation-settings: "wght" 400 !important;
}
.DnnModule-501 .btn {
    margin-top: 16px;
}
.DnnModule-501 .form-root .c-form {
    margin-top: -14px;
}
label.required:after {
    content: "*";
    color: #e12813;
    font-size: 84%;
    font-weight: 600;
    position: relative;
    top: 1px;
}

/* END form */






/* locations */

.locWrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 34px;
    row-gap: 37px;
}
.locItem {
    border: 1px solid #cbcbcb59;
    border-radius: 20px;
    padding: 25px;
    flex: 0 0 calc(33.3% - 24px);
    display: flex;
    flex-direction: column;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
}
.locImg img {
    border-radius: 10px;
}
.locName {
    font-variation-settings: "wght" 650;
    margin: 37px 0 18px;
}
.locAddress {
    color: #616161;
}
.locPOB {
    color: #616161;
    margin-top: 10px;
}
.locPhone {
    color: #616161;
    margin-top: 10px;
}
.locFax {
    color: #616161;
    margin-top: 10px;
}
.locHours {
    color: #616161;
    margin-top: 23px;
}
.locSubtitle {
    color: #000000;
    font-variation-settings: "wght" 750;
    font-size: 108%;
    line-height: 100%;
    padding-bottom: 5px;
}
.locHoursHours * {
    color: #616161;
}
.locHoursHours div {
    line-height: 135%;
}
.locHoursHours strong {
    font-variation-settings: "wght" 600;
}
.locAddress i, .locPOB i, .locPhone i, .locFax i {
    color: #e12813;
    font-size: 79%;
    position: relative;
    top: -1px;
    width: 19px;
}
.noIcon.locAddress2 i {
    color: transparent
}
.locHoursHours + .locSubtitle {
    padding-top: 18px;
}

/* END locations */





/* box + image */

.boxWrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 34px;
    row-gap: 37px;
}
.boxItem {
    border: 1px solid #cbcbcb59;
    border-radius: 20px;
    padding: 25px;
    flex: 0 0 calc(33.3% - 24px);
    display: flex;
    flex-direction: column;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
}
.boxImg img {
    border-radius: 10px;
}
.boxName {
    font-variation-settings: "wght" 650;
    margin: 37px 0 10px;
}
.boxName + .boxText {
    margin-top: 15px;
}
.boxText p {
    margin-bottom: 14px;
}
.boxText p:last-child, .boxText ul:last-child {
    margin-bottom: 0;
}
.boxText * {
    color: #454545;
}
.boxText strong {
    font-variation-settings: "wght" 600;
}

/* END box + image */








/* services */

.servWrap {
    padding: 0 0 0 60px;
    border-left: 1px solid #e3e3e3;
}
.servItem {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative;
}
.servBox {
    padding: 35px 40px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #cbcbcb59;
}
.servTitle {
    margin-top: 0;
}
.servTitle i {
    padding: 0 7px 0 0;
    color: #e12813;
    font-size: 95%;
}
.servContent ul:last-child, .servContent p:last-child, .servContent li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.servContent p {
    margin-bottom: 15px;   
}
.servContent ul {
    margin-left: 36px;
}
.anchorLink {
    position: absolute;
    top: -30px;
}
.servButtons .mainBtn:first-child {
    margin-top: 30px !important;
}

/* END services */





/* team */

.teamWrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 28px;
}
.teamDept, .teamLoanDept {
    flex-basis: 100%;
}
.teamLoanDept {
    font-size: 207%;
    line-height: 100%;
    color: #000;
    margin: 77px 0 9px;
    font-variation-settings: "wght" 160;
}
.teamDept + .teamLoanDept {
    margin-top: 20px;
}
.teamDept h2 {
    font-size: 280%;
}
.teamItem {
    border: 1px solid #cbcbcb6e;
    border-radius: 22px;
    padding: 25px;
    flex: 0 0 calc(25% - 20px);
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
}
.teamItem + .teamDept {
    margin-top: 140px;
}
.teamDept .titleUnderline {
    margin-bottom: 23px !important;
}
.teamImg img {
    border-radius: 50%;
    max-width: 206px;
    width: 100%;
    margin: 0 auto;
}
.teamName {
    font-variation-settings: "wght" 650;
    margin: 33px 0 0;
}
.teamTitle {
    font-variation-settings: "wght" 400;
    color: #757575;
    font-size: 123%;
    margin: 8px 0 0;
}
.teamLocations {
    margin-top: 15px;
}
.teamLoc {
    margin-top: 5px;
}
.teamLoc i {
    color: #e12813;
    font-size: 79%;
    position: relative;
    padding-right: 1px;
    top: -1px;
}
.slick-arrow {
    z-index: 65;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-align: center;
    width: unset !important;
    height: unset !important;
    padding: 2px 7px !important;
}
.slick-arrow:before {
    content: "" !important;
}
.slick-arrow i {
    color: #e12813;
    font-size: 34px;
    opacity: 50%;
    transition: all 0.3s ease;
}
.slick-arrow:hover i, .slick-arrow:focus i {
    opacity: 100%;
}
.slick-prev {
    left: -8px !important;
}
.slick-next {
    right: -8px !important;
}
.teamSliderOuterWrap {
    position: relative;
    margin-bottom: 70px;
}
.teamSliderItem {
    margin: 0 15px;
}
.slick-list {
    margin: 0 30px !important;
}
.teamSliderItem .teamImg img {
    max-width: 260px;
}

/* END team */






/* icons cards */

.iconCardWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 16px;
    row-gap: 16px;
}
.iconCardItem {
    flex: 0 0 calc(25% - 13px);
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    background: #fff;
    padding: 25px 30px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.iconCardIcon img {
    max-height: 100px;
}
.iconCardTitle {
    margin: 37px 0 10px;
}
.iconCardText ul li {
    padding-left: 0.7em;
    text-indent: -0.9em;
    list-style: none;
    line-height: 100%;
    padding-bottom: 9px;
}
.iconCardText ul li:before {
    content: "\f00c";
    font-weight: 900;
    padding-right: 6px;
    color: #bdbdbd;
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    font-size: 85%;
}
.iconCardText p:last-child {
    margin-bottom: 0;
}
.iconCardText ul:last-child {
    margin-bottom: 0;
}
.iconCardBtn {
    margin-top: auto;
    padding-top: 30px;
}
.iconCardBtn a {
    text-decoration: none;
    letter-spacing: 0.8px;
    font-size: 100%;
    line-height: 100%;
    font-variation-settings: "wght" 280;
    text-transform: uppercase;
}
.iconCardBtn a i {
    font-size: 82%;
    padding-left: 3px;
    transition: left 0.3s ease;
    position: relative;
    left: 0;
}
.iconCardBtn a:hover, .iconCardBtn a:focus {
    color: #7d7d7d;
}
.iconCardBtn a:hover i, .iconCardBtn a:focus i {
    left: 4px;
}
.iconCardItem .titleUnderline {
    width: 61px;
    margin-bottom: 24px !important;
}

/* END icon cards */






/* title/text */

.titleItem {
    max-width: 670px;
}
.titleItem.fullWidth {
    max-width: unset;
}
.titleItem.center {
    margin: 0 auto;
}
.titleUnderline {
    width: 70px;
    height: 5px;
    display: block;
    margin-bottom: 30px !important;
    background: #e12813;
    border-radius: 30px;
}
.titleItem.center .titleUnderline {
    margin: 0px auto;
}
.titleItem.center .mainBtn {
    margin: 0 2px;
}
.titleTitle h2 {
    margin: 0 0 17px 0;
}
.titleTitle h2 em, .titleTitle h3 em {
    font-style: normal;
    color: #e12813;
}
.titleTitle h3 {
    margin: 0 0 18px 0;
    font-size: 200%;
}
.titleText {
    margin-bottom: 0;
}
.titleButtons {
    margin-top: 23px;
}

/* END title/text */





/* icon menu */

.iconMenuWrap {
    background: #efefef;
    padding: 25px 0;
}
.iconMenuWrap .setWidth {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 0;
    row-gap: 40px;
}
.iconMenuItem {
    flex: 0 0 calc(25% - 0px);
    display: flex;
    flex-direction: column;
    border-left: 1px solid #c9c9c9;
}
.iconMenuLink {
    text-decoration: none !important;
    display: block;
    padding: 30px 0;
}
.iconMenuItem:last-child {
    border-right: 1px solid #c9c9c9;
}
.iconMenuCircle {
    border: 1px solid #e12813;
    border-radius: 50%;
    width: 57px;
    height: 57px;
    margin: 0 auto;
    transition: inherit;
}
.iconMenuCircle img {
    max-width: 39px;
    max-height: 33px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.iconMenuText {
    color: #000;
    font-variation-settings: "wght" 200;
    font-size: 132%;
    line-height: 105%;
    padding: 16px 20px 0;
    transition: inherit;
    position: relative;
    top: 0;
}
.iconMenuLink:hover .iconMenuCircle, .iconMenuLink:focus .iconMenuCircle {
    background: #fff;
}
.iconMenuLink:hover .iconMenuText, .iconMenuLink:focus .iconMenuText {
    font-variation-settings: "wght" 500;
    top: 3px;
}

/* END icon menu */





/* hero */

.heroItem {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    padding: 192px 0 194px;
    border-image: fill 0 linear-gradient(to right, rgb(0 0 0 / 54%), rgb(0 0 0 / 30%));
}
.heroItem h1 {
    color: #fff;
    font-variation-settings: "wght" 670;
    font-size: 470%;
    margin: 0;
    letter-spacing: -1px;
    word-spacing: 8px;
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 85%);
}

/* END hero */




/* home hero */

.homeHeroItem {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    padding: 222px 0 268px;
    text-align: center;
    border-image: fill 0 linear-gradient(rgb(0 0 0 / 64%), rgb(0 0 0 / 30%));
}
.homeHeroText h1 {
    color: #fff;
    font-variation-settings: "wght" 670;
    font-size: 540%;
    margin: 0;
    letter-spacing: -1px;
    word-spacing: 8px;
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 85%);
}
.homeHeroText em {
    font-family: 'shelby';
    font-size: 175%;
    font-style: normal;
    letter-spacing: 0;
}
.homeHeroBtn {
    margin-top: 90px;
}
.homeHeroBtn a {
    background: rgb(224 38 16 / 80%);
    color: #fff;
    text-decoration: none;
    font-size: 130%;
    font-variation-settings: "wght" 200;
    letter-spacing: 0.3px;
    padding: 12px 25px 10px;
    border-radius: 40px;
    border: 1px solid rgb(255 255 255 / 45%);
}
.homeHeroBtn a i {
    font-size: 73%;
    padding-left: 7px;
    position: relative;
    transition: inherit;
    left: 0;
}
.homeHeroBtn a:hover, .homeHeroBtn a:focus {
    background: #e12813;
}
.homeHeroBtn a:hover i, .homeHeroBtn a:focus i {
    left: 4px;
}

/* END home hero */





/* loan caclulator */

.loanCalcWrap {
	font-size: 16px;
}
.loanCalcWrap * {
	font-family: 'mundial-narrow-variable';
    font-size: 101%;
    line-height: 100%;
    color: #000;
    font-variation-settings: "wght" 300;
}
.loanCalc {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
    border: 1px solid #cbcbcb59;
    border-radius: 10px;
    padding: 19px 32px 37px;
	margin: 8px;
}
.loanCalc button {
    text-decoration: none;
    padding: 9px 20px 7px;
    border-radius: 40px;
    letter-spacing: 0.5px;
    font-size: 100%;
    line-height: 100%;
    display: inline-block;
    background: transparent;
    border: 1px solid #e12813;
    color: #e12813;
    font-variation-settings: "wght" 280;
    margin-top: 9px;
}
.loanCalc button:hover, .loanCalc button:focus-visible {
	background: #e12813;
	color: #fff;
}
.loanCalc label {
    padding-bottom: 3px;
    display: block;
    font-variation-settings: "wght" 520;
}
.loanCalc input, .loanCalc select {
    padding: 8px 10px 6px;
    border: 1px solid #b1b1b1;
    border-radius: 6px;
}
.loanCalc td {
    padding: 14px 7px;
}
#calcResults.visible {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 0 15px;
    border: 1px solid #cbcbcb59;
    border-radius: 10px;
    padding: 45px 32px 42px;
	margin: 9px;
}
#calcResults h2 {
    font-size: 182%;
    line-height: 100%;
    font-weight: normal;
    font-style: normal;
    color: #000;
    margin: 0 0 28px;
    font-variation-settings: "wght" 580;
}
#calcResults h3 {
    font-size: 147%;
    line-height: 100%;
    font-weight: normal;
    font-style: normal;
    color: #e12813;
    margin: 46px 0 16px;
    font-variation-settings: "wght" 510;
}
#calcResults p {
	line-height: 150%;
}
#calcResults strong {
	font-variation-settings: "wght" 630;
}
#calcResults ul {
    margin-top: -6px;
    padding: 0 0 0 19px;
}
#calcResults ul li {
	line-height: 150%;
}
#calcResults table th {
    text-align: left;
    font-variation-settings: "wght" 630;
    padding-bottom: 4px;
    padding-right: 11px;
}
#calcResults table td {
    padding-right: 10px;
}
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.table-scroll table {
  border-collapse: collapse;
}

/* END loan caclulator */




/* announcements */

.annItem {
    background: #000;
    padding: 100px 0;
}
.annTitle {
    color: #fff;
    margin: 0 0 23px;
}
.annText {
    color: #fff;
    margin-bottom: 0;
    font-size: 120%;
}
.annButtons {
	margin-top: 33px;
}
.annButtons a {
	background: #fff !important;
}
.annButtons a:hover, .annButtons a:focus-visible {
	background: rgb(255 255 255 / 81%) !important;
}
.annHidden {
	background: #e12813;
    display: inline-block;
    padding: 9px 23px;
    color: #fff;
    font-variation-settings: "wght" 610;
    letter-spacing: 0.7px;
    font-size: 150%;
    line-height: 100%;
    margin: 0 0 30px 40px;
}

/* announcements */






/* ----------------------------- responsive ----------------------------- */

@media all and (max-width: 1360px) {
    .homeHeroText h1 {font-size: 458%;}
    .iconCardText ul li {padding-left: 0.3em;}
    .iconCardItem {padding: 25px 28px; flex: 0 0 calc(25% - 10px);}
    .iconCardWrap {column-gap: 12px;}
}
@media all and (max-width: 1290px) {
    .menuNav .menuListItem0 button, .menuNav .menuListItem0 > a, .menuNav .menuListItem0 > span {font-size: 117% !important;}
    .menuNav .menuListItem0 {margin: 0 18px 0 0 !important;}
}

@media all and (max-width: 1200px) {
    .menuNav .menuListItem0 .menuList0 {top: 118px !important;}
	.mobileWrapper {border-image: fill 0 linear-gradient(to right, rgb(255 255 255 / 20%), rgb(255 255 255)); background-position: 30% center;}
}

@media all and (max-width: 1150px) {
    body {font-size:96%;}
    .iconCardWrap {column-gap: 16px;}
    .iconCardItem {padding: 32px 35px;flex: 0 0 calc(50% - 10px);}
    .iconCardText ul li {padding-left: 0.7em;}
    .teamWrap {column-gap: 19px;row-gap: 24px;}
    .teamItem {padding: 26px 22px;flex: 0 0 calc(25% - 16px);}
}

@media all and (max-width: 1050px) {
    .DnnModule-442 img {display: block;}
    .locWrap, .boxWrap {column-gap: 22px;}
    .locItem, .boxItem {padding: 25px 19px;flex: 0 0 calc(33.3% - 16px);}
}

@media all and (max-width: 1000px) {
    body {font-size:94%;}
    .menuNav .menuListItem0 button, .menuNav .menuListItem0 > a, .menuNav .menuListItem0 > span {font-size: 109% !important;}
    .menuNav .menuListItem0 {margin: 0 13px 0 0 !important;}
    .logo {max-width: 165px;margin-bottom: -26px;}
    .searchBtn a {top: -3px; font-size: 103%;}
    .menuNav .menuListItem0 .menuList0 {font-size: 97% !important;margin-left: -19px !important;}
    .menuNav .menuListItem1 {padding: 5px 0 !important;}
    .menuNav .menuListItem2 > a, .menuNav .menuListItem2 > span {margin: 6px 0 !important;}
    .teamSliderItem {margin: 0 10px;padding: 25px 18px;}
    .fdic img {min-width: 25px;}
    .menuNav .menuListItem0 .menuList0 {top: 104px !important;}
    .teamItem {flex: 0 0 calc(33.3% - 14px);}
}

@media all and (max-width: 850px) {
    .containerWidthOneThird, .containerWidthTwoThird {width: 100%; margin-right: 0; display: block; padding: 25px 0;}
    body {font-size:90%;}
    .DnnModule-428 .titleItem {max-width: 400px;}
    .footerLeftCol img {max-width: 130px;}
    .footerLinks {margin-right: 28px;}
    .footerFB {width: 37px;height: 37px;font-size: 128%;}
    .footerTagline {line-height: 120%;}
    .menu { display: none;}
    .menuBtn {cursor: pointer;display: inline;font-size: 130%;line-height: 100%;font-variation-settings: "wght" 250;color: #000;transition: all 0.3s ease;}    
    .menuBtn:hover, .menuBtn:focus {color: #e12813; font-variation-settings: "wght" 600;}
    .menuBtn i {padding-left: 4px;font-size: 90%;position: relative;top: 1px;}
    .closeBtn {width: 100%;text-align: right;font-size: 120%;color: #fff;background: #000000;font-variation-settings: "wght" 250;padding: 9px 5% 7px;transition: all 0.3s ease;letter-spacing: 0.4px;}
    .closeBtn i {font-size: 97%;padding-left: 2px;position: relative;top: 1px;}
	.closeBtn:hover, .closeBtn:focus {background: #e12813; }
    .searchBtn { padding-top: 0;margin-left: 9px;}
    .searchBtn a {top: 1px; right: -8px;}
    .menuWrapper {padding-top: 11px;}
    .logo {max-width: 170px;}
    .fdic {width: unset;}
    .logoWrapper {padding-right: 25px;}
    .servWrap { padding: 0 0 0 40px;}
    .locItem, .boxItem {padding: 25px 23px;flex: 0 0 calc(50% - 12px);}
}

@media all and (max-width: 765px) {
	body {font-size:87%;}
    .containerWidthHalf{width: 100%; margin-right: 0; display: block; padding: 20px 0;}
    .mobileWrapper {background-position: left top;border-image: fill 0 linear-gradient(to bottom, rgb(255 255 255 / 84%), rgb(255 255 255));}
    .mobileDiv, .mobileDiv.dnnModuleManager {padding: 40px 0 110px;}
    .homeHeroText h1 {font-size: 369%;}
    .homeHeroItem {padding: 122px 0 208px;}
    .iconMenuItem {flex: 0 0 50%;}
    .iconMenuItem:nth-child(2) {border-right: 1px solid #c9c9c9;}
    .heroItem {padding: 152px 0;}
    .heroItem h1 {font-size: 425%;line-height: 103%;}
    .teamItem {flex: 0 0 calc(50% - 11px);}
    .copyLoginDiv { padding: 9px 0 13px;}
    .copyLogin {font-size: 89%;}
}

@media all and (max-width: 600px) {
	.ModDNNHTMLC td { display: block; width: 100%;}
    .DnnModule-501 .btn {margin-top: 36px;}
    .form-label {margin-top: 19px;}
    .iconCardItem {flex: 0 0 100%;}
    .grayMap {right: -60px;bottom: 0;top: unset;}
    .footerLeftCol {display: block;padding: 0 0 22px;text-align: center;}
    .footerMiddleCol {display: block;width: 100%;padding: 0 0 20px;text-align: center;}
    .footerRightCol {display: block;text-align: center;}
    .teamSliderItem {margin: 0 10px;}
    .servWrap {padding: 0 0 0 17px;}
    .servItem {padding: 13px 0;}
    .servBox {padding: 32px 26px}
    .servTitle {display: inline-block;padding-left: 26px; position: relative;margin-left: -7px;}
    .servTitle i {position: absolute;left: 0;top: 1px;font-size: 83%;}
    .servContent ul {margin-left: 14px;}
    .contentDiv p + ul {margin-top: -5px;}
    .locItem, .boxItem {padding: 27px 30px;flex: 0 0 100%;}
    .locWrap, .boxWrap {row-gap: 30px;}
    .copyLogin {display: block;text-align: center;padding: 10px 0 14px;font-size: 101%;line-height: 140%;}
    .fdicLogos {display: block;text-align: center;padding: 0 0 15px;}
    .fdicImg {width: 50px;}
    .ehlImg {width: 31px;}
    .copyLoginDiv {padding: 7px 0 0;}
	.loanCalc td, .loanCalc th {display: block; width: 100%;}
	#calcResults table td, #calcResults table th {white-space: nowrap;}
}

@media all and (max-width: 500px) {
	.bottomMenu { position: relative;}
    .menuWrapper {padding-top: 0;}
    .fdic {position: absolute;}
    .bottomMenu .setWidth {padding: 8px 0 38px;}
    .logo {margin-left: -11px; margin-bottom: -17px;}
    .heroItem {padding: 110px 0;}
    .teamItem {padding: 31px 22px;flex: 0 0 100%;}
    .teamWrap {row-gap: 29px;}
    .topLeft a {display: block;padding: 2px 0;margin: 2px 0;}   
    .topRight a {margin-left: 17px;padding: 5px 0;font-size: 118%;} 
    .searchBtn {margin-left: 6px;}
    .menuBtn {font-size: 142%;padding: 3px 0;}
    .searchBtn a {font-size: 116%;}
    .homeHeroItem {padding: 122px 0 130px;}
    .iconMenuWrap .setWidth {row-gap: 0;}
    .iconMenuItem {border: 1px solid #c9c9c9;}
    .slick-list {margin: 0 24px !important;}
    

}

